<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript">
$(document).ready(function() {
    $('#paymentTable').dataTable();
} );
</script>
<div style="margin-top: 5px; margin-bottom: 15px">
<h2 style="display: inline"><s:text name="finalSettlement.header"></s:text></h2>
</div>
<table id="paymentTable" class="green">
	<thead>
		<tr>
			<th>ID</th>
			<th><s:text name="payment.debtee"></s:text></th>
			<th><s:text name="payment.debitor"></s:text></th>
			<th><s:text name="payment.paid" /></th>
			<th><s:text name="payment.receved"></s:text></th>
			<th><s:text name="payment.value"></s:text></th>
		</tr>
	</thead>
	<tbody>
		<s:iterator value="paymentList">
			<tr>
				<td><s:property value="paymentId"></s:property></td>
				<td><s:property value="debtee.email"></s:property></td>
				<td><s:property value="debitor.email"></s:property></td>
				<td><s:property value="paymentPaid"></s:property></td>
				<td><s:property value="paymentReceived"></s:property></td>
				<td><s:property value="paymentValue"></s:property></td>
			</tr>
		</s:iterator>
	</tbody>
</table>